<template>
    <div class="dark-radius-page hp100">
        <Tabs v-model="curTab" @on-click="changeTab" class="demo-tabs-style2 hp100">
            <div slot="extra" class="flex">
                <!-- <ChatRoom :drillId="sceneId" class="btn-chat" ref="chatRoom"></ChatRoom> -->
                <Button type="primary" icon="md-add" ghost @click="boardModal = true">
                    发送公告</Button
                >
            </div>
            <TabPane label="审核报告" name="report" key="report" :index="1">
                <template v-if="curTab == 'report'">
                    <ReportPageCtf v-if="curTab == 'report'"></ReportPageCtf>
                </template>
            </TabPane>
            <TabPane label="竞赛排名统计" name="rank" key="rank" :index="2">
                <teamRankStatic :sceneId="sceneId" :sceneName="sceneName" usePage="referee" v-if="curTab == 'rank'"></teamRankStatic>
            </TabPane>
        </Tabs>
        <Modal v-model="boardModal" title="发送公告" :width="650" footer-hide>
            <board
                v-if="boardModal"
                @hideModal="hideModal"
                :sceneId="sceneId"
                :sceneName="sceneName"
            ></board>
        </Modal>
    </div>
  </template>
  <script>
  import {debounce} from '@/libs/utils'
  import {
    getRefereeCtfReportList,
    getRefereeCtfTaskList,
    reportGrade
  } from '@/api/drill_compete.js';
  import ReportPageCtf from './reportPageCtf.vue'
  import teamRankStatic from '@/view/drill_compete/page/statistics/ctfTeamRankStatic'
  import board from '@/components/board-cast/drillBoardcast.vue';
  export default {
    name:'RefereeCtfDetail',
    components: { ReportPageCtf,board ,teamRankStatic},
    data() {
      return {
        ...this.$route.query,
        boardModal: false,
        curTab:'report'
      };
    },
    computed: {
        
    },
    created() {},
    watch: {
      
    },
    mounted() {
      this.$store.commit('addBreadItem', { name: this.sceneName });
    },
    methods: {
        hideModal() {
            this.boardModal = false;
        },
        changeTab(val) {
            this.curTab = val;
        },
    }
  };
  </script>
  <style scoped>
  </style>
  